<template>
  <div class="demo">
      <h2 @click="showName"> 机构：{{name}}</h2> 
      地址：{{address}}
  </div>
</template>

<script>
// import {mixin,mixin2} from '../mixin' 

export default {
  // (1) 现在组件都只能接受两个单词的大驼峰了，难道是只有两个单词才能体现大驼峰吗？
  name:'MySchool',
  data(){
    return{
       name:'尚硅谷',
       address:'北京昌平',
      // (2) 如果本地变量和添加的混合变量冲突，则优先按照本地的，引入样式和内联样式一样，优先用内联样式
       x:666
    }
  },
  mounted() {
      console.log('欢迎!!!!!!!!!!!!!!!')
   },
  // methods:{
  //   showName(){
  //      alert(this.name)
  //   }
  // },

  // (3) 组件里面也只是局部混合，即 在各个组件中使用，还有全局混合，即所有实例都可以用(包括vm)
  // mixins:[mixin,mixin2]
}
</script>

<style>
  .demo{
     background-color: brown;
  }
</style>